<template>
  <el-table
    stripe
    ref="_ref"
    :class="_class"
    :style="_style"
    :data="data"
    scrollbar-always-on
  >
    <z-col v-for="col in cols" :col="col || {}" :main-id="mainId"></z-col>
  </el-table>
</template>
<script lang="ts" setup>
import { formTableProps, formTableEmits } from "./form-table";
import { useFormTable } from "./use-form-table";
import ZCol from "../col/col.vue";
defineOptions({
  name: "z-form-table",
});
const props = defineProps(formTableProps);
const emit = defineEmits(formTableEmits);
const { _ref, _class, _style, layout } = useFormTable(props, emit);
defineExpose({
  ref: _ref,
  layout,
});
</script>
